<template>
    <el-menu router active-text-color="#ffd04b" background-color="#545c64" class="el-menu-vertical-demo"
        default-active="2" text-color="#fff">
        <el-sub-menu index="1">
            <template #title>
                <el-icon>
                    <ShoppingBag />
                </el-icon>
                <span>商品管理</span>
            </template>
            <el-menu-item index="/goods/category">
                <el-icon>
                    <Finished />
                </el-icon>
                <span>商品分类</span>
            </el-menu-item>
            <el-menu-item index="/goods/release">
                <el-icon>
                    <DocumentAdd/>
                </el-icon>
                <span>发布商品</span>
            </el-menu-item>
            <el-menu-item index="/goods/list">
                <el-icon>
                    <Memo />
                </el-icon>
                <span>商品列表</span>
            </el-menu-item>
        </el-sub-menu>
        <el-menu-item index="/order/list">
            <el-icon>
                <Tickets />
            </el-icon>
            <span>订单管理</span>
        </el-menu-item>
        <el-sub-menu index="3">
            <template #title>
                <el-icon>
                    <Setting />
                </el-icon>
                <span>账户设置</span>
            </template>
            <el-menu-item index="/user/info">
                <el-icon>
                    <User />
                </el-icon>
                <span>账户信息</span>
            </el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="4">
            <template #title>
                <el-icon>
                    <Setting />
                </el-icon>
                <span>用户设置</span>
            </template>
            <el-menu-item index="/user/list">
                <el-icon>
                    <User />
                </el-icon>
                <span>用户管理</span>
            </el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="5">
            <template #title>
                <el-icon>
                    <Operation />
                </el-icon>
                <span>权限设置</span>
            </template>
            <el-menu-item index="/auth/role">
                <el-icon>
                    <Finished />
                </el-icon>
                <span>用户角色</span>
            </el-menu-item>
            <el-menu-item index="/auth/menu">
                <el-icon>
                    <Finished />
                </el-icon>
                <span>菜单权限</span>
            </el-menu-item>
        </el-sub-menu>
    </el-menu>
</template>
  
<script setup>

</script>
<style scoped>
.el-menu {
    border: 0;

}

/* .el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
} */
</style>